input{
	width:initial;
}
html,.container,.row-fluid{
	height:100%;
}

.green{
	color:#14d16d;
}
.wait{
	color:#ec3434!important;
}
#main::-webkit-scrollbar-thumb{
	background:#000;
}
#main::-webkit-scrollbar-thumb{
	background:#F5F5F5;
	width:6px;
}
#main::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3)!important;
	background-color: #F5F5F5;
}
#main{
	overflow-y:scroll;
}
.upoad-head{
	margin-bottom:20px;
	.head-pic{
		height:90px;
		width:90px;
		img{
			border:1px solid #e5e5e5;
			width:100%;
			height:100%;
		}
	}
	.controls{
		line-height:90px;
		.a-upload{
			vertical-align:bottom;
		}
	}
}
.personal-main{
	.span2{
		height:100%;
		z-index:1;
	}
	.span10{
		z-index:2;
		height:100%;
	}
	height:100%;
	.per_menu{
		background:#f7f9fe;
		height:100%;
		width:170px;
		box-shadow:2px 0px 3px 0 rgba(19,48,131,0.15);
		padding-top:30px;
		box-sizing:border-box;
		ul{
			height:100%;
			li{
				&.active{
					a{
						position:relative;
						background:#3257c1;
						color:#fff;
						width:85%;
						i{
							opacity: 1;
						}
						&:after{
							position:absolute;
							right:0;
							bottom:-5px;
							content:"";
							width: 0;
						    height: 0;
						    border-top: 5px solid #627bc1;
						    border-right: 5px solid transparent;
						}
					}
				}
				&:hover{
					a{
						i{
							opacity:1;
						}
					}
				}
				a{	
					padding:12px 16px;				
					font-size:14px;
					color:#1840b1;
					display:block;
					i{
						opacity:0;
						vertical-align:middle;
						margin-right:10px;
					}	
				}
			}
		}
	}
}

.per-index{
	padding-left:10px;
	height:100%;	
	margin-left:20px\9;

	.per-refined{
		.form-list{
			label{
				padding-left:0px!important;
			}
		}
	}
	.refined-cont{
	 	.form-list{
	 		label.def-title{
	 			padding-left:30px!important;
	 		}
	 	}
	 }
	 .refined-form {
	 	.form-list{
	 		&:hover{
	 			// background:#f7f7f7;
	 			.msg-revise{
		 			#revise{
		 				display:block;
		 			}
		 		}
	 		}
	 		&:last-child:hover{
				background:initial;
	 		}
	 		position:relative;
	 		padding-top:30px!important;
	 		padding:30px 0;
	 		label{
	 			text-align:left;
	 			padding-left:30px;
	 		}
	 		.msg-revise{
	 			position:absolute;
	 			right:20px;
	 			#revise{
	 				display:none;
	 				font-size:14px;
	 				color:#666;
	 				background:#fff;
	 				padding:5px 7px;
	 				// position:absolute;
	 				// z-index:0;
	 				img{
		 				vertical-align:middle;
	 					height:15px;
	 					margin-right:5px;
	 				}
	 			}
	 			#save{
	 				display:none;
	 				font-size:14px;
	 				color:#fff;
	 				background:#3257c1;
	 				padding:5px 7px;
	 				// position:absolute;
	 				// z-index:0;
	 				i{
	 					height:16px;
	 					vertical-align:middle;
	 					margin-right:5px;
	 				}
	 			}
	 		}
	 	}
	 }

	 .good-job{
	 	padding-top:35px;
	 	padding-left:15px;
	 	.no-text{
			text-align:center;
			padding-top:20%;
			p{
				font-size:14px;
				color:#89a4f0;
				margin-bottom:10px;
			}
	 	}
		.job-list{
			margin-bottom:40px;
			.title{
				font-size:18px;
				color:#333;
			}
			.explain{
				font-size:14px;
				color:#999;
			}
			.btn_add{
				background:#3257c1;
				border-radius:4px;
				color:#fff;
				font-size:14px;
				padding:7px 10px;
				display:inline-block;
				i{
					vertical-align:middle;
					margin-right:5px;
					margin-top:0px;
				}
			}
			.job-table{
				margin-top:20px;
				font-size:14px;
				.table-bordered{
					border:1px solid #ededed;
					th,td{						
						border-left:1px solid #ededed;
					}
					th{
						background:#ededed;
						font-weight:initial;
					}
				}
				.table{					
					th{
						color:#333;
					}
					td{	
						&.name{
							a{
								color:#2349b6;
								.none{
									color:#999;
								}
							}
						}
						&.time{
							color:#666;
						}

					}
					td,th{
						&:first-child{
							border-left:none;
						}
						border-top:1px solid #ededed;
					}					th:nth-child(2),th:nth-child(3),td:nth-child(2),td:nth-child(3){
						text-align:center;
						width:20%;
					}
				}
			}
		}
	 }
}

.a-upload {
    padding: 4px 10px;
    height: 20px;
    line-height: 20px;
    position: relative;
    cursor: pointer;
    color: #888;
    background: #fafafa;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    input[type="file"]{
        position: absolute;
        font-size: 100px;
        right: 0;
        top: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        cursor: pointer;
    }
    &:hover {
	    color: #444;
	    background: #eee;
	    border-color: #ccc;
	    text-decoration: none;
	}
}
.add-form{
	width:100%!important;
	label.control-label{
		i{
			width:10px;
			display:inline-block;
		}
	}
	.radio{
		padding-left:0px;
		width:80px;
		input[type="radio"]{
			margin-left:0px;
			margin-right:3px;
		}
		em{
			font-size:14px;
			color:#333;
		}
	}
}
.add-project{
	width:260px;
	label.control-label{
		text-align:left!important;
		width:80px!important;
	}
	.control-group{
		margin-bottom:10px!important;
	}
	.controls,.file-list,.add-tip{
		margin-left:80px;
	}
	.add-tip{
		width:100%;
		margin-top:5px;
		font-size:14px;
		color:#f94007;
		i{
			color:#ffdd53;
			vertical-align:middle;
			margin-right:5px;
			margin-bottom:2px;
		}
	}
	.file-list{
		text-align:center;
		margin-top:30px;
		margin-bottom:22px;
		ul{
			li{
				margin-right:30px;
				float:left;
				.file-img{
					position:relative;
					img{
						width:60px;
						height:60px;
					}
					i{
						color:#ec3434;
						position:absolute;
						top:-8px;
						right:-5px;
						cursor:pointer;
					}
					p{
						font-size:14px;
						color:#1840b1
					}
				}
			}
		}

	}
}


